<%-------------------------------------------------
ファイル名：AttendanceHistoryMonth.jsp
所      属：H3A1 04
名      前：大瀬碩
説      明：出席履歴（月間）画面
---------------------------------------------------%>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="css/bootstrap.min.css" rel="stylesheet">
<title>出席履歴</title>
</head>
<body>
<!-- ナビゲーションバー -->
<div class="navbar navbar-default">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="index.jsp"><img alt="" src="images/logo2.png"></a>
  </div>
  <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav">
      <li><a href="TimetableClassSelection.jsp">時間割情報</a></li>
      <li><a href="ClubList.jsp">部活動情報</a></li>
      <li><a href="SupplementaryClasses.jsp">振り替え補講</a></li>
      <li><a href="HolidayAttendance.jsp">土日出校申請</a></li>
      <li class="active"><a href="AttendanceHistory.jsp">出席履歴</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
      <li><a href="<%out.print(request.getContextPath());%>/Logout">ログアウト</a></li>
    </ul>
  </div>
</div>
	<h1 align="center">出席履歴</h1>

	<h2 align="center">（${ requestScope.month }月）</h2>
	<br>
		<div align="center">
			<form name="month" method="post" action="AttendanceHistoryMonth">
				<select name="sl_month">
								<option value="1">1月</option>
								<option value="2">2月</option>
								<option value="3">3月</option>
								<option value="4">4月</option>
								<option value="5">5月</option>
								<option value="6">6月</option>
								<option value="7">7月</option>
								<option value="8">8月</option>
								<option value="9">9月</option>
								<option value="10">10月</option>
								<option value="11">11月</option>
								<option value="12">12月</option>
					</select>
				<button type="submit" class="btn btn-lg btn-danger">選択月表示</button>
			</form>
		</div>
		<form name="month" method="post" action="AttendanceYearHistory">
			<div align="right">
				<button type="submit" class="btn btn-lg btn-danger">年度表示に切り替え</button>
			</div>
		</form>
	<br><br><br><br>
	
	<div class="container">
		<div align="center">
			<table class="table table-bordered table-striped" align="center" style="font-size: large">
				<tr class="success">
					<th>クラス</th>
					<th>番号</th>
					<th>氏名</th>
					<th>出席</th>
					<th>遅刻</th>
					<th>欠課</th>
					<th>振り替え補講</th>
				</tr>
		
				<tr>
					<td>${ requestScope.id }</td>
					<td>${ requestScope.an }</td>
					<td>${ requestScope.name }</td>
					<td>${ requestScope.attendance }</td>
					<td>${ requestScope.tardy }</td>
					<td>${ requestScope.afs }</td>
					<td>${ requestScope.sc }</td>
				</tr>
			</table>
		</div>
	</div>

	<br><br><br><br>

	<div align="center">
		<a href="index.jsp" class="btn btn-lg btn-danger"><i class="glyphicon glyphicon-home"><br>トップへ</i></a>
	</div>
</body>
</html>